<template>
	<swiper class="imageContainer" previous-margin="45rpx" next-margin="45rpx" circular autoplay>
		<swiper-item class="swiperitem" v-for="(item,index) in imgList" :key="index">
			<image class="itemImg" :src="item" lazy-load></image>
		</swiper-item>
	</swiper>
</template>
<script>
	export default {
		data() {
			return {
				imgList: [
					'https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3687173686,831911132&fm=26&gp=0.jpg',
					'https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2601388974,2460884874&fm=26&gp=0.jpg',
					'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2294966447,248611631&fm=26&gp=0.jpg'
				]
			}
		}
	}
</script>
<style scoped>
	.imageContainer {
		width: 750rpx;
		height: 350rpx;
	}

	.itemImg {
		width: 630rpx;
		height: 350rpx;
		border-radius: 10rpx;
	}

	.swiperitem {
		width: 630rpx;
		height: 350rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}
</style>
